.details {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;

  .details_body {
    width: 85%;
    height: 49%;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 2vw;

    .details_body_li {
      margin: 4vw 0;
      color: #858585;
      font-size: .8rem;
    }
  }

  .details_title {
    width: 100%;
    height: 30%;
    background: rgba(150, 150, 150, 0.4);
    display: flex;

    .details_title_body_img {
      width: 45%;
      height: 100%;

      img {
        display: block;
        margin: 10vw auto;
      }
    }

    .details_title_body {
      width: 55%;
      height: 100%;
      padding: 10vw;

      h3 {
        width: 100%;
        height: 10vw;
        font-size: 1.5rem;
        color: #ffffff;
        overflow: hidden; //超出的文本隐藏
        text-overflow: ellipsis; //溢出用省略号显示
        white-space: nowrap; //溢出不换行

        font {
          color: #ffffff;
        }
      }

      span {
        color: rgb(200, 190, 160);
        height: 8vw;
        width: 100%;
        display: block;
        font-size: 1rem;
        overflow: hidden; //超出的文本隐藏
        text-overflow: ellipsis; //溢出用省略号显示
        white-space: nowrap; //溢出不换行

        font {
          color: rgb(200, 190, 160);
        }
      }
    }
  }

  .details_const {
    width: 90%;
    height: 19vw;
    margin: 2vw auto;
    display: flex;

    .details_const_img {
      width: 20%;
      padding-top: 2vw;

      img {
        display: block;
        margin: 0 auto;
      }
    }

    .details_const_body {
      padding-top: 2vw;
      width: 80%;
      height: 100%;
      overflow: hidden; //超出的文本隐藏
      text-overflow: ellipsis; //溢出用省略号显示
      color: #999999;
      padding-left: 3vw;
    }
  }

  .details_bottom {
    width: 100%;
    height: 15vw;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;

    .details_bottom_add {
      width: 33.3%;
      height: 100%;
      background: #ffffff;
      border-top: 1px solid rgba(150, 150, 150, 0.2);

      img {
        display: block;
        margin: 0 auto;
        margin-top: 1vw;
      }

      p {
        color: #858585;
        text-align: center;
        font-weight: 600;
      }
    }
  }
}